<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Aso Escuelas</title>
        <h:outputStylesheet library="css" name="estilo.css"/>
        <h:outputScript library="js" name="common.js" />        
    </h:head>
    <h:body>
        <p:layout fullPage="true">

            <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                <ui:insert name="header">
                    <ui:include src="headerUser.xhtml" />
                </ui:insert>
            </p:layoutUnit>

            <p:layoutUnit position="west" size="175" collapsible="true">
                <ui:insert name="menu">
                    <ui:include src="menuUser.xhtml" />
                </ui:insert>
            </p:layoutUnit>

            <p:layoutUnit position="center">


                <h:form id="frmFormulario">

                    <h:panelGrid columns="2" style="width: 100%" > 
                    <f:facet name="header">
                        <p:commandButton id="cmdNuev" value="Nuevo" title="Nuevo" action="FrmCrearUsuario" icon="ui-icon-close" 
                                         style="margin: 0px !important" />
                        <p:commandButton id="cmdBloq" value="Usuarios Bloqueados" title="Nuevo" action="#{GestorUsuarioEscuela.cargarListaUsuariosBloq()}" 
                                         icon="ui-icon-close" style="margin: 0px !important" 
                                         update=":frmFormulario:dialogo3" oncomplete="dlg3.show();"/>
                        
                    </f:facet>    
                </h:panelGrid>
                    
                    <p:dataGrid id="lspublicida" 
                                var="_usuario" 
                                value="#{GestorUsuarioEscuela.listusuario}" 
                                columns="1" style="width: 20%"  
                                rows="12" paginator="true"  
                                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                rowsPerPageTemplate="9,12,15">  

                        <p:panel header="#{_usuario.usuario.nombre}" style="text-align:center; vertical-align: top;">  
                            <h:panelGrid columns="2" style=" text-align: justify" cellspacing="10%"> 

                                <p:graphicImage value="/resources/imagenesSubidas/usuario/#{_usuario.imagen}" alt="imagen" height="100px"/>   

                                <h:panelGrid columns="2" style=" text-align: justify" cellspacing="10%">

                                    <h:outputText value="Nombre Personal :" escape="false" style="font-weight: bold"/>
                                    <h:outputText value="#{_usuario.apellidos} #{_usuario.nombres}" escape="false" />

                                    <h:outputText value="Correo Electrónico :" escape="false" style="font-weight: bold"/>
                                    <h:outputText value="#{_usuario.email}" escape="false" />

                                    <h:outputText value="Telefono :" escape="false" style="font-weight: bold"/>
                                    <h:outputText value="#{_usuario.telefono}" escape="false" />
                                </h:panelGrid>

                                <h:outputText value=""/>
                                <h:outputText value="Observación" escape="false" style="font-weight: bold"/>
                                <h:outputText value=""/>
                                <h:outputText value="#{_usuario.observacion}" escape="false" />

                                <h:outputText value="" />
                                <h:panelGrid columns="3">
                                    <p:commandButton id="cmdComRep" value="Comentarios Reportados" title="Comentarios Reportados" 
                                                     action="#{GestorUsuarioEscuela.cargarListaComentario(_usuario,1)}" 
                                                     update=":frmFormulario:dialogo" oncomplete="dlg1.show();" 
                                                     icon="ui-icon-close" style="margin: 0px !important" />
                                    
                                    <p:commandButton id="cmdComEli" value="Comentarios Eliminados" title="Comentarios Eliminados" 
                                                     action="#{GestorUsuarioEscuela.cargarListaComentario(_usuario,2)}" 
                                                     update=":frmFormulario:dialogo" oncomplete="dlg1.show();" 
                                                     icon="ui-icon-close" style="margin: 0px !important" />

                                    <p:commandButton id="cmdEliminar" value="Bloquear" title="Bloquear" icon="ui-icon-close" 
                                                     style="margin: 0px !important" action="#{GestorUsuarioEscuela.SelecUsuario(_usuario)}"
                                                     update=":frmFormulario:dialogo2" oncomplete="dlg2.show();" />
                                       

                                    <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">  
                                        <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
                                        <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
                                    </p:confirmDialog> 
                                    <h:commandButton value="Nuevo" id="c23" action="#{Action.CrearUsuario()}" />
                                    <h:commandButton value="Nuevo" id="c22" action="FrmCrearUsuario" />
                                     <p:commandButton id="cmdNuev2" value="Nuevo" title="Nuevo" action="FrmCrearUsuario" icon="ui-icon-close" 
                                         style="margin: 0px !important" />
                                     
                                     <p:commandButton id="cmdNuev3" value="Nuevo" title="Nuevo" action="#{Action.CrearUsuario()}" icon="ui-icon-close" 
                                         style="margin: 0px !important" />
                                     
                                     <p:commandButton id="cmdNuevo33" title="Nuevall" action="#{Action.CrearUsuario()}" icon="ui-icon-document"  style="margin: 0px !important"/>
                                       
                                </h:panelGrid>                                   
                            </h:panelGrid>  
                        </p:panel>                          
                    </p:dataGrid>

                    <p:dialog widgetVar="dlg2" id="dialogo2">
                        
                            <h:panelGrid columns="1" style="width: 100%" > 
                                <f:facet name="header">
                                    <h:outputText value="Ingrese la razón de bloqueo al Usuario " escape="false" style="font-weight: bold"/>
                                </f:facet>    
                                <p:inputTextarea rows="6" cols="33" id="descripcion2" value="#{GestorUsuarioEscuela.razon}" required="true"/>
                            </h:panelGrid>
                            <p:commandButton id="cmdEliminar" value="Bloquear" title="Bloquear" 
                                            action="#{GestorUsuarioEscuela.bloquear()}" icon="ui-icon-close" 
                                            style="margin: 0px !important" >
                               <p:confirm header="Bloquear Usuario" message="Esta seguro de Bloquear al Usuario?" icon="ui-icon-alert" />
                            </p:commandButton>
                        
                    </p:dialog>
                    
                    <p:dialog widgetVar="dlg1" id="dialogo">
                        <h:panelGrid columns="1" style="width: 100%" > 
                            <f:facet name="header">
                                <h:outputText value="#{GestorUsuarioEscuela.titulo}" escape="false" style="font-weight: bold"/>
                            </f:facet>    
                            <h:outputText value="Numero de Comentarios: #{GestorUsuarioEscuela.listcomentario.size()}" escape="false"/>
                        </h:panelGrid>
                        
                        <p:dataGrid id="lscoment" 
                                    var="_comentario" 
                                    value="#{GestorUsuarioEscuela.listcomentario}" 
                                    columns="1" style="width: 20%"  
                                    rows="3" paginator="true"  
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                    rowsPerPageTemplate="2,4" >  

                            <p:panel header="#{_comentario.email}" style="text-align:center; vertical-align: top;">  
                                <h:panelGrid columns="2" style=" text-align: justify" cellspacing="1%"> 

                                    <p:graphicImage value="/resources/imagenesSubidas/usuario/#{_comentario.foro.imagen}" alt="imagen" height="100px"/>   

                                    <h:panelGrid columns="1" style=" text-align: justify" cellspacing="5%">

                                        <h:outputText value="Nombre Foro :" escape="false" style="font-weight: bold"/>
                                        <h:outputText value="#{_comentario.foro.nombre}" escape="false" />
                                        
                                        <h:outputText value="Foro de la Escuela :" escape="false" style="font-weight: bold"/>
                                        <h:outputText value="#{_comentario.foro.escuela.nombre}" escape="false" />
                                        
                                        <h:outputText value="Fecha de Publicación del Comentario :" escape="false" style="font-weight: bold" />
                                        <h:outputText value="#{_comentario.fecha}" escape="false" />

                                    </h:panelGrid>

                                    <h:outputText value=""/>
                                    <h:outputText value="Contenido del Comentario" escape="false" style="font-weight: bold"/>
                                    <h:outputText value=""/>
                                    <h:outputText value="#{_comentario.contenido}" escape="false" />

                                    <h:outputText value="" />

                                </h:panelGrid>
                            </p:panel>
                        </p:dataGrid>
                    </p:dialog>

                    <p:dialog widgetVar="dlg3" id="dialogo3">
                        <h:panelGrid columns="1" style="width: 100%" > 
                            <f:facet name="header">
                                <h:outputText value="#{GestorUsuarioEscuela.titulo}" escape="false" style="font-weight: bold"/>
                            </f:facet>    
                            <h:outputText value="Numero de Usuarios Bloqueados #{GestorUsuarioEscuela.cargarListaUsuariosBloq().size()}" escape="false"/>
                        </h:panelGrid>
                        
                        <p:dataGrid id="lsuser" 
                                    var="_userBlq" 
                                    value="#{GestorUsuarioEscuela.listusuarioBloqueados}" 
                                    columns="1" style="width: 20%"  
                                    rows="5" paginator="true"  
                                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                    rowsPerPageTemplate="2,4" >  

                            <p:panel header="#{_userBlq.usuario.nombre}" style="text-align:center; vertical-align: top;">  
                                <h:panelGrid columns="2" style=" text-align: justify" cellspacing="1%"> 

                                        <h:outputText value="Nombre Foro :" escape="false" style="font-weight: bold"/>
                                        <h:outputText value="#{_userBlq.apellidos} #{_userBlq.nombres}" escape="false" />
                                        
                                        <h:outputText value="Razón de Bloqueo :" escape="false" style="font-weight: bold"/>
                                        <h:outputText value="#{_userBlq.observacion}" escape="false" />
                                </h:panelGrid>
                            </p:panel>
                        </p:dataGrid>
                    </p:dialog>
                </h:form>
            </p:layoutUnit>
        </p:layout>
    </h:body>
</html>
